/* 
    Document   : perfil
    Created on : 09-nov-2011, 17:45:55
    Author     : JAVA
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    margin:0;
    padding:0;
    
}



.container{        
    margin:0 auto;
    padding:0; 
    width: 1000px;
    background: white;
    
}

.cabecera{    
    min-height: 40px;
    -moz-box-shadow: 0px 0px 5px;
    -webkit-box-shadow: 0px 0px 5px ;
    box-shadow: 0 0 10px #000;
    top:0px;
    height:40px;
    margin:0;
    padding:1px;
    width: auto;
    background-color: #212121;
}

#nav{
    position:relative;
    margin-top:7px;
    margin-left:auto;
    margin-right:auto;   
    width: 1000px;
    
    
}



#nav li{
    margin-left:0px;
    display:inline;
    margin-right:70px;    
}

#nav li a{
    text-decoration: none;
    color:white;
    font-family: sans-serif;
    margin-left:0px;
    font-size: 14px;
    
}

.bloque1{
    float:left;
    
}
.cerrar{
   float:right;
}
.bloque2{
    margin:0;
    padding:0;    
    float:right;
    
}




#logo{
    font-weight: bold;
}

.pagina a{
    text-decoration: none;
    color:#666666;
}
.pagina strong{
    font-size: 40px;
    color:#212121;
}
.mensajes a{
    text-decoration: none;
    color:#666666;
}

.notificaciones a{
    text-decoration: none;
    color:#666666;
}

.pagina h1{
    font-family: serif;
    font-size: 24px;
}

.pagina h2{
    font-family: serif;
    font-size: 18px;
    color:#666666;
}

.mensajes h1{
    font-family: serif;
    font-size: 24px;
}


.lateral{
    
    float:left;
    position:relative;
    width: 150px;
    padding:5px;
}

.lateral a{   
    text-decoration: none;
    color:black;    
}

.pagina{
    
    float:right;
    width: 780px;
    min-height: 500px;
}

.informacion{
    float:right;
    padding-left:20px;
     
    
    width: 780px;
    margin-top:0px;
}

.tablas{
    padding-left:20px;
    padding-bottom: 30px;
    float:right;
    border:1px dashed lightgray;
    width: 780px;
    margin-top:10px;
    height: auto; 
    
}

.tablas img{
    padding:5px;
    float:left;
}

.tablas th{
    border-bottom: 1px solid black;
}

.tablas td,th
{ 
    padding-right:20px;
    padding-left:20px;
}
.tablas td{
    
    padding-top: 10px;
}

.retos{
    padding-left:0px;    
    float:right;
    width: 780px;
    margin-top:20px;
     
}
.retos a{
    text-decoration: none;
}
.contenido{
    margin-left:200px;
}

.retos img{
    padding:10px;
    float:left;
}

.retos th{
    border-bottom: 1px solid black;
}

.retos td,th
{ 
    
    padding-right:20px;
    padding-left:20px;
}
.pagina table{
    
    margin-top:20px;
}

.pagina td{
    
    padding-top: 10px;
}

.pagina th{
    border-bottom: 1px solid black;
}

.pagina td,th
{ 
    padding-right:20px;
    padding-left:20px;
}
.retos td{
    
    padding-top: 10px;
}

.personal{
    
    font-size: 16px;
    position:relative;
    margin-top: 20px;
    
    
    
}

.mensajes{
    padding-left:20px;
    float:right;  
    
    width: 780px;
    margin:0px;
    min-height: 500px;
}

.mensajes h1{
    
    
    padding:5px;
    color:black;
    
}

.mensajes ul{
    
    text-decoration: none;
    list-style: none;
    width: 650px;
    padding: 5px;
   
}

.listamensajes{
 
    margin-top:10px;
    
    min-height: 100px;
}

.listamensajes ul{
    margin-top:10px;
    padding:0;
    float:left;
    border:1px dashed lightgray;
    min-height:80px;
}
.listamensajes img{
    float:left;
    padding:10px;
}


.mensajes li{
    padding: 5px;
}

.mensajes label{
    

font-weight:bold; 

}
.mensajes form textarea{
    width: 500px;
    
}


.notificaciones{
    padding-left:20px;
    float:right;  
    
    width: 780px;
    margin-top:20px;
    height: auto; 
    
}

#pag{
    float:right;
    
    
}
.notificaciones input[type="text"]{
    width: 600px;
}

.notificaciones ul{
    text-decoration: none;
    list-style: none;
    width: 650px;
    padding: 0px;
    margin-top:10px;
    border:1px thick darkgray;
    
}
.notificaciones li{
    padding: 5px;
}


.help_text {


display: block;
padding: 8px;
width: 650px;
}

.fecha{
    color:black;
    
    font-size: 14px;
    font-family: sans-serif;
}


label{
    display:inline;
    color:#666666;
}

.foto{
    
    padding:5px;
    
    float:left;
}





.informacion ul{
    
    text-decoration: none;
    list-style: none;
    margin-left:0px;
}

.informacion li{
    display: inline;
    margin-right: 20px;
}

.informacion input[type="text"]{
    width: 700px;
}


.iconos img{
    float:left;
    padding:1px;
    
    
}
.iconos p{
    float:right;
}

.iconos{
    width: 128px;
    
}

.formbusqueda{
    text-decoration: none;
    display: inline;
}

.resultadosbusqueda ul{
    padding:10px;
    list-style: none;
    border: 1px dashed lightgray;
    min-height: 120px;
}
.resultadosbusqueda img{
    float:left;
    padding:0px;
    padding-right: 10px;
    margin-right: 30px;
}

.resultadosbusqueda strong{
    font-size: 18px;
}
.ranking ul.amateur{
    padding:10px;
    list-style: none;
    border: 1px dashed;
    background-color: lightgray;
    min-height: 100px;
    width: 600px;
    margin-left:auto;
    margin-right: auto;
}
.ranking ul.rookie{
    padding:10px;
    list-style: none;
    border: 1px dashed;
    background-color: lightblue;
    min-height: 100px;
    width: 600px;
    margin-left:auto;
    margin-right: auto;
}
.ranking ul.skater{
    padding:10px;
    list-style: none;
    border: 1px dashed  lightgoldenrodyellow;
    min-height: 100px;
    width: 600px;
    margin-left:auto;
    margin-right: auto;
}
.ranking ul.pro{
    padding:10px;
    list-style: none;
    border: 1px dashed lightgreen;
    min-height: 100px;
    width: 600px;
    margin-left:auto;
    margin-right: auto;
}
.ranking ul.extreme{
    padding:10px;
    list-style: none;
    border: 1px dashed lightcoral;
    min-height: 100px;
    width: 600px;
    margin-left:auto;
    margin-right: auto;
}
.ranking img{
    float:left;
    padding:0px;
    padding-right: 10px;
    margin-right: 30px;
}

.ranking strong{
    font-size: 18px;
}
.ranking li#rank{
    font-weight: bold;
    font-size: 80px;
    float:right;
}

.notificaciones img{
    float:left;
    padding:10px;
}